/* 
Theme Name: Lab-Gear
Description: Lab-Gear Wordpress theme 2011
Version: 1.1
Author: Hark Design
Author URI: http://www.harkdesign.com/

This theme was worked, chopped, dropped nd blown at http://www.harkdesign.com

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

body {background: #ffffff url(images/2011bg.jpg); line-height: 1;}

.bodyfix {background: none;}


/* TOP LEVEL TABS*/

#tabs {width: 836px; padding:0; margin: 0 auto;}

.supersmalltop, .supersmalltop a:active, .supersmalltop a:link, .supersmalltop a:hover {
float:right;
font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif;
font-size: 8px;
text-decoration: none;
color: black;}

.tabsleft {
float:left;
display: inline;}

.tabsright {
float:right;
display: inline;}

a.labtab {
display: inline-block;
width: 83px;
height: 27px;
text-decoration: none;
background: url("images/labgear.png");}

a.topstab {
display: inline-block;
width: 83px;
height: 27px;
text-decoration: none;
background: url("images/tops.png");}

a.bottomstab {
display: inline-block;
width: 79px;
height: 27px;
text-decoration: none;
background: url("images/bottoms.png");}

a.biketab {
display: inline-block;
width: 86px;
height: 27px;
text-decoration: none;
background: url("images/bike.png");}

a.womentab {
display: inline-block;
width: 80px;
height: 27px;
text-decoration: none;
background: url("images/women.png");}

a.kidstab {
display: inline-block;
width: 79px;
height: 27px;
text-decoration: none;
background: url("images/kids.png");}

a.headweartab {
display: inline-block;
width: 79px;
height: 27px;
text-decoration: none;
background: url("images/headwear.png");}

a.producttab {
display: inline-block;
width: 97px;
height: 27px;
text-decoration: none;
background: url("images/product.png");}

a.labtab:hover, a.topstab:hover, a.topstab:hover, a.bottomstab:hover, a.biketab:hover, a.womentab:hover, a.kidstab:hover, a.headweartab:hover, a.producttab:hover {background-position: 0 -27px;}


/* OVERALL CONTAINER */

#wrapper {background: #c2c0b6 url(images/wrapper_bg.png); border: 1px solid #000000; width: 836px; padding-top:0px; margin: 0 auto;}

#wrappercart {background: #ffffff; border: 1px solid #333333; width: 836px; padding-top:0px; margin: 0 auto;}

#wrapperpop {background: #c2c0b6 url(images/body_admin.png); border: 1px solid #333333; width: 688px; padding-top:0px; margin: 0 auto;}


/* SPECIFIC INDEX CONTROLS */

#indextop {margin-top:43px;}


/* CONTENT DIV CONTROLS */

#contenti {
margin-top:7px;
background: #ffffff url(images/body.png);
min-height: 919px;
max-height: 920px;
width:688px;
float:right;
font-size: 13px;
color: black;
overflow: hidden;}

#contenti a:link, #contenti a:active, #contenti a:visited, #contenti a:link, #contenti a:active, #contenti a:visited {
font-size: 13px;
color: #3b6088;
text-decoration: none;}

#contenti a:hover {
color: #f25d3d; 
text-decoration: none;}

#content, #contentmast, #contentadmin {
margin-top:7px;
min-height: 919px;
max-height: 920px;
width:688px;
float:right;
font-size: 13px;
color: #112434;}

#content {background: #ffffff url(images/body_catalogue.png) top no-repeat;overflow: hidden;}

#contentmast {background: #ffffff url(images/body_masthead.png) top no-repeat;overflow: hidden;}

#contentadmin {
background: #c2c0b6 url(images/body_admin.png) top no-repeat;
font-size: 13px;
overflow-y: scroll;
min-height: 880px;
max-height: 881px;
border-top:1px solid #3f1101;}

#content a:link, #content a:active, #content a:visited, #content a:link, #content a:active, #content a:visited, .textadmin a:link, .textadmin a:active, .textadmin a:visited,.textpop a:link, .textpop a:active, .textpop a:visited {
font-size: 14px;
color: #3b6088;
text-decoration: none;}

#content a:hover, .textadmin a:hover, .textpop a:hover {
color: #f25d3d; 
text-decoration: none;}


/* BROWN NAV BAR CONTROLS */

#brownnav { 
width:688px;
min-height: 56px;
padding-top:0px;
float: left;
display: inline;}

a.gallery {
display: inline-block;
width: 168px;
height: 37px;
text-decoration: none;
background: url("images/gallery.png");}

a.colour {
display: inline-block;
width: 111px;
height: 37px;
text-decoration: none;
background: url("images/colourit.png");}

a.guarantee {
display: inline-block;
width: 122px;
height: 37px;
text-decoration: none;
background: url("images/guarantee.png");}

a.order {
display: inline-block;
width: 105px;
height: 37px;
text-decoration: none;
background: url("images/ordering.png");}

a.sizebrown {
display: inline-block;
width: 77px;
height: 37px;
text-decoration: none;
background: url("images/sizing.png");}

a.thetester {
display: inline-block;
width: 68px;
height: 37px;
text-decoration: none;
background: url("images/thepig.png");}

a.buyit {
display: inline-block;
width: 163px;
height: 41px;
text-decoration: none;
background: url("images/buyit.png");}

a.gallery:hover, a.colour:hover, a.guarantee:hover, a.order:hover, a.sizebrown:hover, a.thetester:hover {
background-position: 0 -37px;}

a.buyit:hover {
background-position: 0 -41px;}

.displace {
position: absolute;
left: -10000px;}



/* POST TEXT */

.textbanner {
float:left;
font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif;
width:470px; 
w\dth:470px;
height:100px; 
padding-top:5px;
line-height:16px;
margin-left:10px;
text-decoration: none;
padding-top: 10px;
clear: none;}

.textbanner p {margin-left:10px;}
.textbanner h3 {margin-left:10px; margin-top:-2px; margin-bottom:-5px;}

.text,  ul {
font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif;
float:left;
width:425px; 
w\dth:450px; 
margin-left:25px;
line-height:16px;
text-decoration: none;}

.textadmin {
font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif;
float:left;
width:600px; 
min-height: 880px;
max-height: 881px;
margin-left:25px;
padding-top:30px;
line-height:16px;
text-decoration: none;}

.texti {
font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif;
float:left;
width:475px; 
w\dth:475px;
height:465px; 
margin-left:10px;
padding-top:5px;
line-height:16px;
text-decoration: none;
padding-top: 10px;
overflow: hidden;}

.textarchive {
font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif;
float:left;
width:678px; 
w\dth:678px;
height:465px; 
margin-left:10px;
margin-left:10px;
line-height:18px;
text-decoration: none;
padding-top: 10px;
overflow-y: scroll;}

.texti h3 {margin-bottom:-10px;}

.texti img {max-width:450px;}

ul {margin-left:10px;, color: #112434;}


/* TAG CONTROL */

.tagindex {
float:right;
margin-top:10px;
margin-right: 17px;
width:163px;
display: block;}

.tag {
margin-left:5px;
margin-top:60px;
margin-right:24px;
float:right;
width:150px;
display: block;
margin-bottom:5px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #72593d;
font-weight: bold; 
line-height:18px;}

.tag img {margin-left:-6px;margin-bottom:7px;}

.tag h1 {margin-top:30px;}

.tag a:active, .tag a:link, .tag a:visited {font-size: 12px; font-weight: normal;}

.base {margin-top:0px;}


/* HEADINGS */

h1 {
margin-top:3px;
color: #3f1101;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 28px;
font-style: italic;
font-weight: bolder;}

h2 {
margin-top:3px;
color: #340c00;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-weight: bold;}

h3 {
margin-top:3px;
color: #003366;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: bold;}

h4 {
margin-top:0px;
color: #003366;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: bold;}


/* LISTS */
li, ul {
list-style-type:round #3b6088;
margin-top: 3px;
margin-left: 15px;
padding-left: 3px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-style: italic;
color: #112434;
line-height: 16px;}

li a:link, li a:active, li a:visited {text-decoration: none;}


ul.text li {
list-style-type:round #3b6088;
margin-top: 3px;
margin-left: 15px;
padding-left: 3px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-style: italic;
color: #112434;
line-height: 16px;}

ul.text li a:link, ul.text li a:active, ul.text li a:visited {text-decoration: none;}


/* SIDEBAR CONTROLS */

.sidebarindextext {
margin-left:14px;
margin-bottom:5px;
margin-right:2px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #122b3f;
font-weight: bold; 
line-height:18px;}

.sidebarindextext2 {color: #769cab}

.sidebarindextext3 {color: #440f0f}

#sidebar { width:145px; min-height: 919px; float:left; background: #494949 url(images/sidebar_home.png) top no-repeat; margin-top:7px;}

#sidebartops {width:145px; min-height: 919px; float:left; background: #a8ab9a url(images/sidebar_tops.png) top no-repeat; margin-top:7px;}

#sidebarbottoms { width:145px; min-height: 919px; float:left; background: #b0ada2 url(images/sidebar_bottoms.png) top no-repeat; margin-top:7px;}

#sidebarbike { width:145px; min-height: 919px; float:left; background: #535353 url(images/sidebar_bike.png) top no-repeat; margin-top:7px;}

#sidebarwomen { width:145px; min-height: 919px; float:left; background: #a3c4b9 url(images/sidebar_women.png) top no-repeat; margin-top:7px;}

#sidebarkids { width:145px; min-height: 919px; float:left; background: #b6c9d8 url(images/sidebar_kids.png) top no-repeat; margin-top:7px;}

#sidebarproduct { width:145px; min-height: 919px; float:left; background: #3d403e url(images/sidebar_product.png) top no-repeat; margin-top:7px;}

#sidebarheadwear { width:145px; min-height: 919px; float:left; background: #bcc0c4 url(images/sidebar_uptop.png) top no-repeat; margin-top:7px;}

#sidebuttons {display: block; margin-top:95px; }

#sidenav {margin-top:30px;}

.sidebarpad { margin-bottom: 5px; margin-top: 5px; }

.sidebarA a:active, .sidebarA a:link, .sidebarA a:visited, .sidebarB a:active, .sidebarB a:link, .sidebarB a:visited {
padding-bottom: 1px;
padding-top: 1px; 
margin-left: 14px; 
padding-left: 5px; 
display: block;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
text-decoration: none;}

.sidebarA a:active, .sidebarA a:link, .sidebarA a:visited {color: #a53834;} 

.sidebarB a:active, .sidebarB a:link, .sidebarB a:visited {color: #132c40;}

.sidebarA a:hover, .sidebarB a:hover {color: #f25d3d;text-decoration: none;}

.sidebarAI a:active, .sidebarAI a:link, .sidebarAI a:visited, .sidebarBI a:active, .sidebarBI a:link, .sidebarBI a:visited {
padding-bottom: 1px;
padding-top: 1px; 
margin-left: 14px; 
padding-left: 5px; 
display: block;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15px;
text-decoration: none;}

.sidebarAI a:active, .sidebarAI a:link, .sidebarAI a:visited {color: #dfe2e5;} 

.sidebarBI a:active, .sidebarBI a:link, .sidebarBI a:visited {color: #a8c9d5;}

.sidebarAI a:hover, .sidebarBI a:hover {color: #f25d3d;text-decoration: none;}


/* FOOTER */

#footer {
width:836px;
padding-top:5px;
font-family: Helvetica, sans-serif;
font-size: 9px;
color: #ffffff;
text-decoration: none;
margin: 0 auto; }

#footer a:active, #footer a:link, #footer a:visited {
color: #fff4c6;
text-decoration: none;}

#footer a:hover {color: #f25d3d;}


/* OTHER */

p img a:link { background:none;}

img {background:none; border: none;}
img a {background: none; border: none;}
img a:active {background: none; border: none;}
img a:link {background: none; border: none;}
img a:hover {background: none; border: none;}

.textpop, .textpop p, .textpop ul {
float:left;
width:500px; 
margin-left:25px;
line-height:16px;
text-decoration: none;}

.left {float:left;}

.right {float:right;}

.img {padding:0px; margin:0px;}

.hr {
width: 450;
height: 0;
line-height: 0;
font-size: 0; 
margin-top:15px;
margin-bottom:15px;
background: #2c1d20;}


/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Insignificant stuff, for demo purposes */

.panel h2.title { margin-bottom: 10px }
noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }

/* Most common stuff you'll need to change */

.coda-slider-wrapper { overflow:hidden;}
.coda-slider { background: #ebebeb }
	
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 0px }

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 689px } 
	
/* Change margin and width of the slider (with dynamic arrows) */
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
/* Arrow styling */
.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px }
	
/* Tab nav */
.coda-nav ul li a.current { background: #39c }

/* Panel padding */
.coda-slider .panel-wrapper { padding: 0px }

/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

/* Tabbed nav */
.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
.coda-nav ul li { display: inline }
.coda-nav ul li a { background: #000; color: #fff; display: block; float: left; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
/* Miscellaneous */
.coda-slider-wrapper { clear: both; overflow: hidden }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left }
.coda-slider .panel-container { position: relative }
.coda-nav-left, .coda-nav-right { float: left }
.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
/* Transparent box */
.spiel {
padding-left: 10px;
padding-bottom: 0px;
padding-right: 10px;
padding-top: 10px;
background: url(http://www.lab-gear.com/wp-content/themes/Lab-Gear%202011/spiel_bg.png); 
height: 30px; 
margin-top: -40px; 
position: relative; 
color: white;}

.spiel { padding-left: 8px; font-weight: bold; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 13px; }



/*
	Common Switcher CSS
	
*/

.content {
	background: url('http://www.lab-gear.com/wp-content/themes/Lab-Gear%202011/hero.jpg') repeat-x bottom left;
	padding:0px 0 0 0px;
	margin: 0;
	width:235px;
	height: 290px;
	border:0px solid #333333;
	display: block;
	box-shadow: 5px 5px 5px rgba(0,0,0,0);
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0);}
	
	#content_2, #content_3, #content_4, #content_5 { display:none; }


ol, ul {}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end reset */


#mainContentBox {
	width: 685px;
	height: 452px;
	margin: 0px auto;
	padding: 0;
	position:relative;
	background: url('builders/swatch/selector-bg.jpg') no-repeat top left;
	border: 0px solid #666666;
}

#tabbed_box_1 {
	display: none;
	margin: 0px;
	padding: 0;
	width:244px;
	position: absolute;
	top: 0px;
	right: 0px;
}


.tabbed_area {
	/*border:1px solid #494e52;
	background-color:#636d76;
	padding:8px;*/
}

ul.tabs {
	margin:0px; padding:0px;
	margin:0px;
}


ul.tabs li {
	display:inline;
}

ul.tabs li a {
	background-color: red;
	width: 45px;
	height: 70px;
	/*color:#ffebb5;
	padding: 4px 8px;
	line-height: 14px;*/
	display: inline-block;
	margin: 0 -2px -2px 0;
	text-decoration:none;
	text-indent: -9999px;
	/*font-size:14px;
	font-family:'Yanone Kaffeesatz', Helvetica, sans-serif;
	font-size:8px;
	font-family:Helvetica, sans-serif;
	font-weight:normal;
	text-transform:uppercase;*/
	border:0px solid #FF0000;
}
ul.tabs li a:hover {
	/*background-color:#2f343a;*/
	border-color:#2f343a;
}
ul.tabs li a.active {
	/*background-color:#ffffff;
	color:#282e32;*/
	border:1px solid #ff0000;
	border-bottom: 1px solid #ffffff;
}


/* Swatch Styles */

#content_1 button, #content_2 button, #content_3 button, #content_4 button, #content_5 button {
	margin: 0 0px 0px 0;
	box-shadow: 0px 0px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.3);
}

.swatch-style-1, .swatch-style-2, .swatch-style-3, .swatch-style-4, .swatch-style-5, .swatch-style-6, .swatch-style-7, .swatch-style-8, .swatch-style-9, .swatch-style-10, .swatch-style-11, .swatch-style-12, .swatch-style-13, .swatch-style-14, .swatch-style-15, .swatch-style-16, .swatch-style-17, .swatch-style-18, .swatch-style-19, .swatch-style-20, .swatch-style-21, .swatch-style-22 {display: block;width: 47px;height: 71px;padding: 0;margin: 0;float: left;text-indent: -9999px;}

/* m styles */
.m1Style, .m2Style, .m3Style, .m4Style, .m5Style {
	display: none;
	margin: 0;
	padding: 0;
	width: 450px;
	height: 453px;
	position: absolute;
	top: -1px;
	left: 0px;}